// 配置菜单栏
var views = [{
        title: '表单布局',
        img: './images/side/BC跨境电商进口 .png',
        items: [{
            name: '基础表单样式',
            href: './template/form/form1.html'
        }, {
            name: '基础表单样式2',
            href: './template/form/form3.html'
        }, {
            name: '封装自定义样式',
            href: './template/form/form2.html'
        }, {
            name: '高级搜索',
            href: './template/form/form4.html'
        }, {
            name: '表单测试',
            href: './template/form/test.html'
        }]
    }, {
        title: '弹出层',
        img: './images/side/开发框架配置 .png',
        items: [{
            name: '弹出层1',
            href: './template/layer/layer1.html'
        }]
    }, {
        title: '导航',
        img: './images/side/开发框架配置 .png',
        items: [{
            name: '导航1',
            href: './template/nav/nav1.html'
        }]
    }, {
        title: '文件',
        img: './images/side/开发框架配置 .png',
        items: [{
            name: '获取文件信息',
            href: './template/files/files1.html'
        }]
    }, 
    {
        title: '时间',
        img: './images/side/客服接单管理DEMO .png',
        items: [{
            name: '时钟',
            href: './template/time/time1.html'
        }, {
            name: '时钟2',
            href: './template/time/time1_1.html'
        }, {
            name: '特效-时间选择器',
            href: './template/time/time2.html'
        }]
    }, {
        title: '时间线',
        img: './images/side/开发框架配置 .png',
        items: [{
            name: '时间线1',
            href: './template/timeline/timeline1.html'
        }, {
            name: '时间线2',
            href: './template/timeline/timeline2.html'
        }, {
            name: '时间线3',
            href: './template/timeline/timeline3.html'
        }, {
            name: '时间线4',
            href: './template/timeline/timeline4.html'
        }, {
            name: '时间线5',
            href: './template/timeline/timeline5.html'
        }, {
            name: '时间线6',
            href: './template/timeline/timeline6.html'
        }, {
            name: '时间线7',
            href: './template/timeline/timeline7.html'
        }, {
            name: '时间线8',
            href: './template/timeline/timeline8.html'
        }, {
            name: '时间线9',
            href: './template/timeline/timeline9.html'
        }]
    },
    {
        title: '特效',
        img: './images/side/客服接单管理DEMO .png',
        items: [{
            name: '特效1',
            href: './template/especially/especially1.html'
        }, {
            name: '特效2-信用积分',
            href: './template/especially/especially2.html'
        }, {
            name: '特效3-圆形百分比',
            href: './template/especially/especially3.html'
        }, {
            name: '特效4-❤',
            href: './template/especially/especially4.html'
        }, {
            name: '文字变换',
            href: './template/especially/especially5.html'
        }, {
            name: '简单3D圆环原理',
            href: './template/especially/especially6.html'
        }, {
            name: 'tab底部线条动画',
            href: './template/especially/especially7.html'
        }, {
            name: '动态散射-图片',
            href: './template/especially/especially8.html'
        }]
    },
    {
        title: '特效-图片',
        img: './images/side/客服接单管理DEMO .png',
        items: [{
            name: '测试',
            href: './template/phone/phone1.html'
        }]
    },
    {
        title: '滑块',
        img: './images/side/客服接单管理DEMO .png',
        items: [{
            name: '滑块1',
            href: './template/mobile/mobile1.html'
        }]
    },
    {
        title: '引擎',
        img: './images/side/客服接单管理DEMO .png',
        items: [{
            name: '引擎基础使用方法',
            href: './template/laytpl/laytpl.html'
        }]
    },
    {
        title: '测试',
        img: './images/side/客服接单管理DEMO .png',
        items: [{
            name: '测试',
            href: './template/test/test1.html'
        }]
    },
]